<template>
     <div class="tabbar_item" @click="toPage"  >
         <slot name="img" ></slot>
            <slot ></slot>
       
    </div>

</template>

<script>
export default {
    name: 'P112110cTabbarItem',
    
    data() {
        return {
            
        };
    },

    mounted() {
        
    },

    methods: {
         toPage(e){
            var path= e.target.attributes.path.nodeValue;
            this.path=path;
            // this.$router.push(path)

        } 
    },
};
</script>

<style lang="scss" scoped>
  .tabbar_item{
        width: 100%;
        text-align: center;
        img{
            width: 30px;
            height: 30px;
        }
    }
</style>